@model Vms.Web.Models.SCREEN
@{
    ViewBag.Title = "Delete";
}
<style type="text/css">
    .details-display
    {
        width: 600px;
        vertical-align: middle;
        margin-left: 200px;
    }
    .display-block-1, display-block-2
    {
        vertical-align: middle;
        height: 40px;
        border-right: 1px solid #00559D;
    }
    .display-label
    {
        vertical-align: middle;
        text-align: justify;
        display: inline-block;
        width: 300px;
        float: left;
        font-size: medium;
        font-style: inherit;
    }
    .display-field
    {
        text-align: left;
        color: #00559D;
    }
    .display-block-1
    {
        background-color: #DFF0D8;
    }
    h3 > span
    {
        color: Blue;
        font-style: italic;
    }
    h3
    {
        margin: 20px auto;
        text-align: center;
    }
    
    #options-box
    {
       margin: 0px auto;
        width: 20%;
    }
</style>
<h3>
    Are you sure you want to delete the screen <span>@Model.Name</span>?</h3>
    @*
<fieldset class="details-display">
    <legend>screen's information<legend>
    <div class="display-block-1">
        <div class="display-label">
            Name</div>
        <div class="display-field">@Model.Name</div>
    </div>
    <p>
        <div class="display-block-2">
            <div class="display-label">
                Control type</div>
            <div class="display-field">@Model.ControlType</div>
        </div>
    </p>
    <p>
        <div class="display-block-1">
            <div class="display-label">
                Width</div>
            <div class="display-field">@Model.Width</div>
        </div>
    </p>
    <p>
        <div class="display-block-2">
            <div class="display-label">
                Height</div>
            <div class="display-field">@Model.Height</div>
        </div>
    </p>
    <p>
        <div class="display-block-1">
            <div class="display-label">
                Ip address</div>
            <div class="display-field">@Model.Ip</div>
        </div>
    </p>
    <p>
        <div class="display-block-2">
            <div class="display-label">
                Screens status file</div>
            <div class="display-field">@Model.ScreenStatusFile</div>
        </div>
    </p>
    <p>
        <div class="display-block-1">
            <div class="display-label">
                PROGRAMS</div>
            <div class="display-field">@(Model.PROGRAMS == null ? "None" : Model.PROGRAMS.Count.ToString())</div>
        </div>
    </p>
    <p>
        <div class="display-block-2">
            <div class="display-label">
                SCREEN_LOG</div>
            <div class="display-field">@(Model.SCREEN_LOGS == null ? "None" : Model.SCREEN_LOGS.Count.ToString())</div>
        </div>
    </p>
    <div class="display-block-1">
        <div class="display-label">
            SCREEN_STATUS</div>
        <div class="display-field">@Html.DisplayTextFor(_ => Model.ScreenStatusFile).ToString()</div>
    </div>
</fieldset>
*@
<div id="options-box">
@using (Html.BeginForm(new { @class = "form-horizontal well"}))
{
    <p>
        <input type="submit" class="btn btn-primary" value="Yes" />
       @Html.ActionLink(" No ", "Index", null, new { @class = "btn btn-warning" })
    </p>
}

</div>